<!DOCTYPE html>
<html lang="en">
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8" name="referrer"   content="no-referrer">
    <title>消息详情</title>
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/readerguideheader.css">
    <style>
        .list-group-item a{
            text-decoration: none;
            width: 100%;
        }
        .list-group-item a{
            display:block;
            padding-left: 20px;
            width: 100%;
            height: 50px;
            line-height: 50px;
        }
        .breadcrumb{
            background: #FFFFFF;
            padding: 0;
            font-size: 1rem;
            margin-bottom: 20px;
        }
        .content{
            margin-top: 40px;
            border-radius: 12px;
            /*background: #e4f1ff;*/
        }
        .content p{
            text-indent:2em;
            font-family: 宋体;
        }
        .rownoe{
            border-bottom: 2px solid silver;
            margin-top: 20px;
        }
        .borrow {
            background: slateblue;
            color: white;
            text-decoration: none;
            margin-left: 10px;
            padding: 2px 5px;
        }
        .borrow:hover{
            text-decoration: none;
            color: white;
            font-weight: bold;
        }
        .rowmargin{
            margin-top: 20px;
        }
        .fenye{
            margin-top: 20px;
            float: right;
        }
        /*底部*/
        .btnover{
            height: 100px;
            background: #d7cec2;
            width: 100%;
            margin-top: 100px;
        }
        .btnover img{
            margin-top: 25px;
            margin-left: 50px;
            position: absolute;
        }
        .btnp{
            color: white;
            text-align: center;
            position: relative;
            top: 20px;
            font-size: 15px;
        }
    </style>
</head>
<body>
<div class="logo">
    <div class="img">
        <a href="/"><img src="images/7.png" ></a>
    </div>
    <div class="font_tushuguan">
        <h3 class="shadow_tu">世 木 书 评</h3>
    </div>
    <div class="denglu" id="denglu_offect">
        <a th:if="${session.user == null}" href="https://github.com/login/oauth/authorize?client_id=33602684f31aa6ed32fb&redirect_uri=http://localhost:8080/callback&scope=user&state=1">登 录</a>
        <div th:if="${session.user != null}">
            <p th:text="${session.user.getName()}"></p>
        </div>
    </div>
</div>
<!--导航-->
<header id="nav">
    <ul class="nav justify-content-center col-sm-12">

    </ul>
</header>
<!--热门图书-->

<div class="container">

    <div class="row content">
        <div class="col-md-12">
            <h4 class="" style="float: contour">书籍列表</h4>
        </div>
        <div class="col-md-6" th:if="${bookDetails!=null}" th:each="i : ${bookDetails}">
                    <div class="row" style="margin-top: 30px;">
                        <div class="col-md-4">
                            <a href="/book" th:href="'/book?isbn='+${i.getBook_isbn()}"><img src="https://img9.doubanio.com/view/subject/s/public/s33776266.jpg" th:src="${i.getBook_cover_url()}" style="width:200px;height: 250px;"></a>
                        </div>
                        <div class="col-md-8">
                            <p th:text="'【作  者】'+${i.getBook_writer()}">【作  者】明日科技</p>
                            <p th:text="'【出版社】'+${i.getBook_chubanshe()}">【出版社】清华大学出版社</p>
                            <p th:text="'【ISBN】'+${i.getBook_isbn()}">【ISBN】9787302457220</p>
                            <p th:text="'【出版年】'+${i.getBook_chubannian()}">【馆藏地】计算机软件/知识书库</p>
                            <p th:text="'【豆瓣评分】'+${i.getBook_juge()}">【浏览次数】500</p>
                            <p><a href="#" th:href="'/book?isbn='+${i.getBook_isbn()}" class="borrow">查看详情</a></p>
                        </div>
                    </div>
        </div>


    </div>

</div>
<!--底部-->
<div class="btnover">
    <div class="btnp">
        教学相长 见贤思齐 乐教善成 勤学教思
        <br/>
    </div>
</div>
</body>
</html>